module.exports = {
    // 通过 vue 配置 webpack
    chainWebpack: config => {
        // 配置 开发工具设置项：
        // process.env.NODE_ENV === 'dev' ? 'source-map' : undefined;
        // process.env.NODE_ENV-> 'development' ,  'production'
        console.log('--------------------------------------')
        // 当时 生产环境 编译时
        config.when(process.env.NODE_ENV === 'production', config => {
            // 告诉 webpack 打包时，可以 忽略 一下 模块包！
            config.externals = {
                vue: 'Vue',
                vuex: 'Vuex',
                'vue-router': 'VueRouter',
                axios: 'axios',
                'vant': 'Vant'
            }

            // 当时 生产环境 编译时，才 忽略 第三方模块包
            config.plugin('html').tap(args => {
                //添加参数 isProd
                args[0].isProd = true
                return args
            })
        })
    },
    // 设置 服务器的虚拟根目录
    // publicPath: '/abc',
    // 设置 yarn bulid 命令 编译后的文件夹
    outputDir: './dist2',
    // 设置 编译后的 静态资源(img/css/js) 文件夹，包含在 outPutDir文件夹内
    assetsDir: './assets2',
    // 设置 编译后的 文件 是否添加额外的 hash值
    filenameHashing: true,
    // 保存的是否 是否 检查语法
    lintOnSave: false,
    // 配置开发服务器
    devServer: {
        // host:'http://localhost'
        port: 8081, // http://localhost:3747/api/login
        // 当 访问 3747 不存在的资源时，就会 将请求转给 proxy 服务器
        // proxy: 'http://localhost:4000'
        // proxy: 'http://localhost:3700'
    },
    // 配置生成环境是否使用 sourceMap
    productionSourceMap: process.env.NODE_ENV === 'dev',
    // css相关配置
    css: {
        // extract: false, // 是否使用 css 分离插件 ExtractTextPlugin
        sourceMap: process.env.NODE_ENV === 'dev' // 开启 CSS source maps: dev/pro
    },
    // 配置 webpack打包工具
    // configureWebpack: {
    //     // 下面也是一堆配置...
    //     // name: name,
    //     // resolve: {
    //     //     alias: {
    //     //         '@': resolve('src')
    //     //     }
    //     // }
    // },
}